<div id="add_gp_form" style="padding:20px">

<span class="cfont2" style="font-size:20pt;">New Circle</span><br>

<p><strong  class="cfont2 normal-font" style="border-bottom:1px dashed #999;">Select friends:</strong> <!--<span class="a" onclick="$('#gp_invite_help').slideToggle();">[?]</span></p>
<p  id="gp_invite_help"  style="display:none" class="err_box small-font">
Select friends from the list below. To remove a friend from the selection, just uncheck that from the left list. And of course, remember that only females can login. You can filter the list by name. To display the whole list again, filter with an empty string.</p>-->

<div id="frnd_list">
<img src="images/22.gif" />
</div>
	
<br>

<table style="width:100%"><tr>
<td valign="top">
<p><strong class="cfont2 normal-font" style="border-bottom:1px dashed #888;">Give it a name</strong>  <span class="a" onclick="$('#gp_name_help').slideToggle();">[?]</span></p>
<p class="small-font err_box small-font" id="gp_name_help" style="display:none">A name although optional, helps identify the circle.</p>


<input type="text" id="gp_name"  class="form" placeholder="Name"/>
<!-- removed the onblur="check_gp_name_avail()" -->
<span id="gp_name_check_err" class="small-font"></span> 
<span id="gp_name_check_status" style="display:none">1</span> <br>
<textarea rows="3" cols="25" id="gp_description" class="form" placeholder="Description" style="display:none"></textarea>
</td>

<td valign="top" style="width:35%">
<!--
<p ><strong  class="cfont2 normal-font" style="border-bottom:1px dashed #999;">Visibility:</strong></p>
<select id="gp_visibility" class="form">
<option value="closed">closed</option>
</select>
<p id="gp_visibility_help" class="small-font">
<strong><i>New!</i></strong> Now only <strong>closed</strong> groups are available for formation.
This means that the group activities cannot be viewed or participated by anyone but the members of the group.</p>
-->
</td>

</tr></table>

<br><br>
<div id="gp_err_msg" style="display:none" class="small-font err_box"></div><br>
<input type="submit" value="Create!" class="button" onclick='submit_gp_form()' id="gp_form_submit_button" />

</div>
<script>
$(function() {
	show_frnd_list("");
});
</script>